            .mui-bar-nav {
            	background-color: #333333;
            }
            
            .mui-action-back {
            	color: white;
            }
            
            .search {
            	width: 80%;
            	background-color: #333333;
            	color: white;
            	height: 30px;
            	line-height: 30px;
            	position: absolute;
            	padding-left: 30px;
            	padding-right: 10%;
            	left: 45px;
            	top: 7px;
            	border: none;
            	text-indent: 1.8rem;
            	border-bottom: 1px yellowgreen solid;
            }
            
            .mui-bar-nav i {
            	font-size: x-large;
            	color: white;
            	padding-left: 15px;
            	display: inline-block;
            	position: relative;
            	z-index: 1;
            }
            
            .mui-icon-mic {
            	position: absolute;
            	left: 72%;
            	display: inline-block;
            	color: white;
            	z-index: 1;
            }
            
            .content {
            	background: white;
            	padding-top: 1rem;
            	padding-left: 0.5rem;
            }
            
            .content>span {
            	position: absolute;
            	top: 1.3rem;
            	right: 1rem;
            	color: #49A849;
            }
            
            .mui-search {
            	width: 80%;
            }
            
            .tipsGrounp {
            	text-align: center;
            	padding: 0;
            	margin: 2rem 0;
            	width: 100%;
            	height: 20rem;
            	display: block;
            }
            
            .tipsGrounp>h5 {
            	padding: 2rem 0rem;
            }
            
            .tipsGrounp>ul {
            	padding: 0;
            	margin: 0;
            	width: 80%;
            	margin-left: 10%;
            	display: flex;
            	justify-content: space-around;
            }
            
            .tipsGrounp>ul>li {
            	float: left;
            	list-style: none;
            	width: 30%;
            	height: 1.2rem;
            	color: #49A849;
            	margin: 1rem 0;
            	font-size: 0.8rem;
            	line-height: 1.2rem;
            }
            
            .tipsGrounp>ul>li:nth-of-type(1) {}
            
            .tipsGrounp>ul>li:nth-of-type(2) {
            	border-right: 1px solid #ccc;
            	border-left: 1px solid #ccc;
            	text-align: center;
            }
            
            .result {
            	padding-top: 3rem;
            	text-align: center;
            	color: #49A849;
            	display: none;
            }
            
            .mui-media-body {
            	line-height: 3rem;
            }
            
            .ulSection {
            	display: none;
            }